<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/style.css">
    <title>小米商城</title>
</head>
<body>
    <div class="topbar">
        <div class="container">
        <div class="topbar-nav">
                <a href="">小米商城</a><span>|</span>
                <a href="">MIUI</a><span>|</span>
                <a href="">IoT</a><span>|</span>
                <a href="">云服务</a><span>|</span>
                <a href="">金融</a><span>|</span>
                <a href="">有品</a><span>|</span>
                <a href="">小爱开放平台</a><span>|</span>
                <a href="">企业团购</a><span>|</span>
                <a href="">资质证照</a><span>|</span>
                <a href="">协议规则</a><span>|</span>
                <a href="">下载app</a>
        </div>
        <div class="topbar-cart">
            <a href="">购物车 <span>（0）</span></a> 
     </div>
        <div class="topbar-info" clearfix>
                <a href="">登录</a><span>|</span>
                <a href="">注册</a><span>|</span>
                <a href="" class="sep">消息通知</a>
        </div>
    </div>
    </div>

    <div class="header">
        <div class="container">
        <div class="header-logo"><a href="" class="lr"></a></div>
        <div class="header-nav">       
            
                <ul class="nav-list" clearfix>
                    <li class="nav-category">
                        <a href="">全部商品分类</a>
                    </li>
                    <li class="nav-item">
                        <a href="">小米手机</a>
                    </li>
                    <li class="nav-item">
                        <a href="">Redmi 红米</a>
                    </li>
                    <li class="nav-item">
                        <a href="">电视</a>
                    </li>
                    <li class="nav-item">
                        <a href="">笔记本</a>
                    </li>
                    <li class="nav-item">
                        <a href="">家电</a>
                    </li>
                    <li class="nav-item">
                        <a href="">路由器</a>
                    </li>
                    <li class="nav-item">
                        <a href="">智能硬件</a>
                    </li>
                    <li class="nav-item">
                        <a href="">服务</a>
                    </li>
                    <li class="nav-item">
                        <a href="">社区</a>
                    </li>
                </ul>
            
        </div>
        <div class="header-search"></div>
    </div>
    </div>
</body>
</html>